<div class="carousel slide" style="margin-bottom: 10px;margin-top: -10px">
    <ol class="carousel-indicators">
        <li class="active" data-target="#w10" data-slide-to="0"></li>
        <li data-target="#w10" data-slide-to="1"></li>
        <li data-target="#w10" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active"><img
                    src="/images/1.jpg" style="width:100%"/>
        </div>
        <div class="item"><img
                    src="/images/2.jpg" style="width:100%"/>
        </div>
        <div class="item"><img
                    src="/images/3.jpg" style="width:100%"/>
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-heading"><h3 class="panel-title">服务范围</h3></div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-4">
                <div class="thumbnail">
                    <img style="height: 100px;margin-top: 15px" src='/images/index/service1.png'/>
                    <div class="caption text-center">
                        <h3>响应式响</h3>
                        <p>应式布局可以为不同终端的用户提供，更加舒适的界面和更好的用户体验。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                    <img style="height: 100px;margin-top: 15px"" src='/images/index/service2.png'/>
                    <div class="caption text-center">
                        <h3>Html5+css</h3>
                        <p>HTML5页面开发、功能定制开发等高品质、一体化流程的网站建设服务。</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="thumbnail">
                    <img style="height: 100px;margin-top: 15px"" src='/images/index/service3.png'/>
                    <div class="caption text-center">
                        <h3>Jquery</h3>
                        <p>专门分享原创的jquery插件、jquery工具、jquery特效、jquery教程的网站。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="panel panel-default">
    <div class="panel-heading"><h3 class="panel-title"><?= $text_menu["menu_name"] ?></h3></div>
    <div class="panel-body" style="padding-right: 0">
        <div class="n-list" style="padding: 0">
            <ul>
                <?php foreach ($text_content_list as $content) { ?>
                    <li>
                        <div class="list-box" style="margin-left: 0">
                            <h3>
                                <a target="_blank" href="/home/content?id=<?= $content["objectId"] ?>"><?= $content["title"] ?></a>
                            </h3>
                            <div class="info">
                                    <span>
                                        <i class="glyphicon glyphicon-calendar"></i>
                                        <?= $content["createdAt"] ?>
                                    </span>
                                    <span>
                                        <i class="glyphicon glyphicon-eye-open"></i>
                                        <?= empty($content["hits"])?0:$content["hits"] ?>次
                                    </span>
                            </div>
                            <div class="note">
                                <?php if (empty($content["image_url"])) : ?>
                                    <p style="width: 100%">
                                        <?= $content["pre_detail"] ?>
                                    </p>
                                <?php else: ?>
                                    <div class="img-box">
                                        <img  src='<?= empty($content["image_url"]) ? "/images/default.png" : $content["image_url"] ?>'/>
                                    </div>
                                    <p>
                                        <?= $content["pre_detail"] ?>
                                    </p>
                                <?php endif; ?>
                            </div>
                        </div>
                    </li>
                <?php } ?>
            </ul>
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-heading"><h3 class="panel-title"><?= $pic_menu["menu_name"] ?></h3></div>
    <div class="panel-body">
        <div class="row">
            <?php foreach ($pic_content_list as $content) { ?>
                <div class="col-xs-6 col-md-3">
                    <div class="thumbnail" style="border: 0">
                        <img style="height: 150px;"
                             src='<?= empty($content["image_url"]) ? "/images/default.png" : $content["image_url"] ?>'/>
                        <div class="caption  text-break text-center">
                            <a target="_blank"
                               href="/home/content?id=<?= $content["objectId"] ?>"><?= $content["title"] ?></a>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
</div>